<template>
	<div>
		<el-form :model="form" :data="StaffArchives" size="small" label-width="100px" class="mt35 mb35">
			<el-row :gutter="35">
				<el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
					<el-form-item label=""> 姓名：{{ StaffArchives.staffName }} </el-form-item>
				</el-col>
				<el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
					<el-form-item label=""> 专业：{{ StaffArchives.staffMajor }} </el-form-item>
				</el-col>
				<el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
					<el-form-item label=""> 公司名称：{{ StaffArchives.staffCompany }} </el-form-item>
				</el-col>
				<el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
					<el-form-item label=""> 担任职务：{{ StaffArchives.staffJob }} </el-form-item>
				</el-col>
				<el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
					<el-form-item label=""> 入职时间：{{ StaffArchives.staffWorkindate }} </el-form-item>
				</el-col>
				<el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
					<el-form-item label=""> 离职时间：{{ StaffArchives.staffWorkenddate }} </el-form-item>
				</el-col>
				<el-col :xs="24" :sm="12" :md="8" :lg="12" :xl="4" class="mb20">
					<el-form-item label=""> 职位描述： </el-form-item>
				</el-col>
			</el-row>
		</el-form>
	</div>
</template>
<script>
import { toRefs, reactive } from 'vue';
import axios from 'axios';
export default {
	name: 'Work',
	setup() {
		const state = reactive({
			form: {},
		});
		return {
			...toRefs(state),
		};
	},
	data() {
		return {
			StaffArchives: '',
		};
	},
	created() {
		setInterval(() => {
			var that = this;
			axios.get('http://121.41.117.22:8081/staff-archives/staffid=' + that.$route.query.id)
				.then(function (response) {
					that.StaffArchives = response.data[0];
				})
				.catch(function (err) {});

			}, 1300)
	},
};
</script>
<style lang="scss">
</style>